<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/head.css">
</head>

<body>
    <div class="jianjianhead-size">
        <div class="jianjian-headsizebar">
            <div>
                <a href="#">
                    <img class="jianjian-img" src="./img/jianjian-logo.png" alt="">
                </a>
            </div>
            <div>
                <a href="#"><span>所有商品</span></a>
            </div>
            <div>
                <a href="#"><span>新品</span></a>
            </div>
            <div>
                <a href="#"><span>无线</span></a>
            </div>
            <div>
                <a href="#"> <span>HiFi</span></a>
            </div>
            <div>
                <a href="#"><span>降噪</span></a>
            </div>
            <div>
                <a href="#"><span>耳机配件</span></a>
            </div>
            <div>
                <a href="#"><span>会员待遇</span></a>
            </div>
            <div>
                <a href="#"><span>企业购</span></a>
            </div>
            <div>
                <div>
                    <input type="text" placeholder="新品上市" name="" id="">
                    <img src="./img/搜索 (1).png" alt="">
                </div>
            </div>
            <div>
                <ul>
                    <li class="jianjian-yonghu">
                        <img src="./img/用户.png" alt="">
                        <ul class="jianjian-yonghuyc">
                            <li>
                                <img src="./img/用户.png" alt="">
                                <span style="font-size: 10px;">欢迎**</span>
                            </li>
                            <li>
                                <a style="font-size: 10px;">个人中心</a>
                            </li>
                            <!-- <li><hr></li> -->
                            <li>
                                <a style="font-size: 10px;">我的订单</a>
                            </li>
                            <li>
                                <hr>
                            </li>
                            <li><button id="back" class="jianjian-btn2">退出登录</button></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li class="jianjian-gouwuche">
                        <img src="./img/购物车.png" alt="">
                        <ul class="jianjian-gouwucheyc">
                            
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="jianjianhead-sizeyc">
        <div class="jianjian-headsizebaryc">
            <div>
                <a href="#"><img src="./img/jianjian-logo.png" alt=""></a>
            </div>
            <div>
                <div class="jianjian-search">
                    <input class="jianjian-input" type="text" placeholder="IE 100 PRO">
                    <img src="./img/搜索 (1).png" alt="">
                </div>
                <p style="color: gray; font-size: 16px;">大家都在搜</p>
                <div class="jianjian-text">
                    <a href="#">
                        <p>新品</p>
                    </a>
                    <a href="#">
                        <p>MOMENTUM</p>
                    </a>
                    <a href="#">
                        <p>游戏</p>
                    </a>
                    <a href="#">
                        <p>GSP600</p>
                    </a>
                    <a href="#">
                        <p>真无线二代</p>
                    </a>
                    <a href="#">
                        <p>IE800</p>
                    </a>
                </div>
            </div>
            <div>
                <a id="close" href="#">
                    <img src="./img/叉.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <script src="js/head.js"></script>
</body>

</html>